<template>
  <view class="recharge-list">
    <!-- <RuleListItem v-for="(item, index) in data" :key="index" /> -->
    <mz-list>
      <mz-list-item v-for="(item, index) in data" :key="index" :show-arrow="false" title="充值100" note="赠送10">
        <template v-slot:right>
          <TButton @click="handleRemove(item)">删除</TButton>
        </template>
      </mz-list-item>
      <!-- <mz-list-item :show-arrow="false" title="充值100" note="赠送10"></mz-list-item> -->
    </mz-list>
  </view>
</template>

<script>
import RuleListItem from "./RuleListItem.vue";
import TButton from "../../../components/public/Button/TButton.vue";
export default {
  components: { RuleListItem, TButton },
  props: {
    data: {
      type: Array,
      default() {
        return [{ a: "a" }];
      }
    }
  },
  data() {
    return {};
  },
  methods: {
    handleRemove() {}
  }
};
</script>

<style scoped lang="scss">
.recharge-list {
}
</style>
